<!--I'm-->
<style scope>
.contain {
  height: 100%;
  overflow: auto;
}

.center {
  text-align: center;
  padding-top: 20px;
  color: #fff;
  font-size: 18px;
}

.center_name {
  text-align: center;
  color: #fff;
  font-size: 18px;
}

.center img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 4px solid #ececec;
}

.slide {
  padding: 0 20px;
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
}

.animate {
  max-height: 9999px;
  transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
  transition-delay: 0s;
}

.sub-item {
  color: #888;
}

</style>
<template>
  <div class="contain">
    <blur :blur-amount=40 :url="data.picture">
      <p class="center"><img :src="data.picture"></p>
      <p class="center_name">{{data.nickName}}</p>
      <p class="center_name">{{data.integral}}
        <img height="20px" style="vertical-align: middle;" src="../../static/img/integral.png"></img>
      </p>
    </blur>
    <div>
      <group>
        <cell :title="('我的说说')" is-link link="/tourl/myThoughts"></cell>
        <cell :title="('我的关注')" is-link link="/tourl/myAttention"></cell>
        <cell :title="('我的店迹')" is-link link="/tourl/myTrace"></cell>
        <cell :title="('我对别人说')" is-link link="/tourl/iToOtherComment"></cell>
        <cell :title="('别人对我说')" is-link link="/tourl/otherToIComment"></cell>
        <cell :title="('买炭')" is-link link="/tourl/charcoalList"></cell>
        <cell v-if="data.isVip == 1" :title="('我的订单')" is-link link="/tourl/myOrder"></cell>
        <cell v-if="data.isVip == 1" :title="('我的店铺')" is-link link="/tourl/myStore"></cell>
        <cell :title="('个人设置')" is-link></cell>
      </group>
    </div>
  </div>
</template>
<script>
import { Blur, Cell, CellBox, CellFormPreview, Group, Badge } from 'vux'
export default {
  components: {
    Blur,
    Group,
    Cell,
    CellFormPreview,
    CellBox,
    Badge
  },
  data() {
    return {
      userId: window.localStorage["userId"],
      data: [],
      showContent004: false
    }
  },
  created() {
    this.getMyself()
  },
  methods: {
    getMyself() {
      let _that = this;
      this.$tldAjax({
        isLayer: false,
        url: this.$domain + "/tld/admin/myself/getMyself.json",
        params: {
          userId: this.userId
        },
        successFc: (response) => {
          _that.data = response.data.data
        }
      });
    }
  }
}

</script>
